<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://suryani.cn/support/tags" prefix="page"%>

<!DOCTYPE html>
<html lang="${lang}">
<head>
<title>订单管理-订单详情</title>
<base href="${base }" />
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
	<script language="javascript" type="text/javascript" src="excanvas.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" type="text/css" href="less/default.less">
<script type="text/javascript" src="js/less.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.stickymenu.js"></script>
<script type="text/javascript" src="js/emm-1.0.js"></script>
<script type="text/javascript" src="js/jquery.topLink.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.flot.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#top-link').topLink({
			min : 400,
			fadeSpeed : 500
		});
	});
</script>
</head>
<body>
	<div class="page">
		<page:view page="/common/left?menu=order" />
		<div id="main" class="main container">
			<page:view page="/common/header?parentTitle=订单管理&childTitle=订单详情" />
			<div class="row-fluid">
				<div class="widget">
					<div class="inner">
						<table id="orderItemList"
							class="table table-bordered table-striped">
							<thead>
								<tr>
									<th width="15%">订单详情ID</th>
									<th width="15%">订单ID</th>
									<th width="20%">产品名称</th>
									<th width="15%">实时价格</th>
									<th width="15%">折扣率</th>
									<th width="20%">数量</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach items="${data}" var="orderItems">
									<tr>
										<td>${orderItems.id}</td>
										<td>${orderItems.orderId}</td>
										<td>${orderItems.productName}</td>
										<td>${orderItems.price}</td>
										<td><c:if test="${empty orderItems.discount}">暂无折扣</c:if>
											<c:if test="${orderItems.discount !=null}">${orderItems.discount}%</c:if></td>
										<td>${orderItems.quantity}</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div id="menu" class="row-fluid menu">
				<form class="form-search" id="searchForm">
					<span class="block"> <a href="order/home"
						class="btn right">返回</a>
					</span>
				</form>
			</div>
			<div id="footer" class="row section footer">
				<label class="copyright">©舜亚科技 2012</label>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<a href="#top" id="top-link">回到顶部</a>
</body>
</html>